import { useModel } from '@@/plugin-model/useModel';
import { Avatar } from 'antd-mobile';
import styles from './index.less';

export default () => {
  const user = useModel('loginUser');

  return (
    <>
      <div className={styles.info}>
        <Avatar src="" className={styles.pic} />
        <div className={styles.names}>
          <div className={styles.name}>{user.loginUser?.name || '用户名'}</div>
          <div className={styles.id}>
            登录ID：{user.loginUser?.username || '用户ID'}
          </div>
        </div>
      </div>
    </>
  );
};
